.flow-detail-body {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding-top: 80px;
  // background: @layout-body-background;
  background-color: #fff;
  &.flow-detail-body-push {
    padding-top: 48px;
  }
  .ant-collapse-content {
    overflow: initial;
    .ant-collapse-content-box {
      padding-bottom: 8px;
    }
  }
  .inforbox {
    text-align: center;
  }
  .flow-detail-form-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
    // margin-top: -16px;
  }
  .ant-layout.ant-layout-has-sider {
    overflow: hidden;
  }

  li {
    list-style: none;
  }

  .flow-content-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .ant-slider .ant-slider-mark .ant-slider-mark-text:last-child {
    transform: translateX(-90%) !important;
  }

  .flow-detail-card {
    height: 100%;
    width: 100%;

    .flow-head {
      padding: 12px;
      background: #fff;

      .flow-button {
        .avic-icon {
          margin-right: 4px;
          font-size: @font-size-lg;
          line-height: 1;
        }
      }
    }

    .flow-content-body {
      .bpm-pic-tab {
        height: auto;
        background: #ffffff;
        width: 100%;
        padding: 16px 0 0;
        //流程详细页tab页签打开方式样式-开始
        .bpm-flow-tab {
          & > .ant-tabs-nav {
            display: none;
          }
          .section-content {
            height: calc(100vh - 120px);
            display: flex;
            flex-direction: column;
            .section-title1 {
              height: initial;
              flex: none;
              padding: 4px 16px;
            }
            .section-iframe {
              flex: 1 0 0;
              height: 1px;
              // overflow: auto;
            }
            .bpm_form_tab_box {
              padding: 24px 32px;
              background-color: #fff;
            }
            .main {
              padding: 0 16px 16px 16px;
              .flow-track,
              .idea-table-box {
                height: 100% !important;
              }
              .chart-box {
                height: calc(100vh - 194px) !important;
                .bpm-chart {
                  max-height: initial;
                }
              }
            }
          }
        }
        //流程详细页tab页签打开方式样式-结束
        //流程详细页下推打开方式样式-开始
        .bpm-push-container {
          & > .ant-tabs {
            height: 50%;
            overflow: auto;
            margin-bottom: 16px;
            background: #fff;
            .ant-tabs-extra-content {
              margin-right: 16px;
            }
            .main {
              padding: 8px 16px;
            }
            .ant-tabs-nav-wrap {
              padding: 0 16px;
            }
            .ant-tabs-tab {
              padding: 0;
            }
          }
          .flow-track {
            margin-top: 8px;
          }
          .bpm_form_box {
            padding: 24px 32px;
            background: #fff;
          }
          .chart-box {
            margin-top: 8px;
          }
        }
        //流程详细页下推打开方式样式-结束
        .ant-collapse-borderless {
          background-color: #f0f2f5;
        }

        .ant-collapse-borderless > .ant-collapse-item {
          background: #fff;
          border-radius: 4px;
          margin-bottom: 16px;
          border: 0;
        }

        .ant-collapse-header {
          color: @text-color;
          font-size: @font-size-lg;
          font-weight: 600;
          padding: 0;
          padding-left: 32px;
          position: relative;
          height: 48px;
          align-items: center;

          &::before {
            content: '';
            width: 4px;
            height: 16px;
            background-color: @primary-color;
            position: absolute;
            left: 16px;
            top: 14px;
          }

          > div {
            order: 0;
            margin-right: 8px;
          }

          > div:has(.ant-collapse-arrow) {
            order: 1;
            .ant-collapse-arrow {
              color: @primary-color;
              vertical-align: 0.025em;
              background-color: #f0f2f5;
              padding: 4px;
              border-radius: 4px;
            }
          }
        }

        .section-content {
          height: auto;
          background: #fff;
          width: 100%;
          margin: auto;
          margin-bottom: 2px;
          position: relative;

          .section-title {
            text-align: left;
            line-height: 1.5;
            font-style: normal;
            display: flex;
            align-items: center;

            .title {
              font-size: 1.1em;
              font-weight: 600;
              z-index: 2;
              display: flex;
              align-items: center;
              color: @primary-color;
              fill: @primary-color;

              h4 {
                color: inherit;
                margin: 0;
                margin-left: 4px;
                display: inline-block;
                font-weight: 600;
              }

              .avic-icon {
                font-size: 1.2em;

                .svg-icon {
                  vertical-align: -0.1em;
                }
              }
            }

            a {
              font-size: 1em;
              font-weight: 400;
              margin-left: auto;
              position: absolute;
              z-index: 2;
              top: -54px;
              right: -15px;
              display: block;
              width: 100px;
              height: 48px;
              text-align: center;
              line-height: 48px;
            }

            .flow-tabs {
              position: absolute;
              z-index: 2;
              top: -50px;
              right: -15px;
              display: block;
              width: 100px;
              height: 48px;
              text-align: center;
              line-height: 48px;

              .ant-radio-button-wrapper {
                padding: 0 8px;

                .svg-icon {
                  font-size: 1.2em;
                  vertical-align: -0.175em;
                }
              }
            }
          }
          .section-title1 {
            text-align: right;
            display: flex;
            flex-direction: column-reverse;
            height: 40px;
            line-height: 40px;
          }
          .section-iframe {
            width: 100%;

            .advanced-table .toolBarLeft {
              margin: 0;
            }

            .ant-collapse-content > .ant-collapse-content-box {
              padding: 0;
              color: @text-color;
            }
            .ant-collapse-item {
              margin: 0;
            }
            .ant-collapse > .ant-collapse-item > .ant-collapse-header {
              padding: 8px;

              &::before {
                display: none;
              }
              > div {
                order: 0;
                margin: 0;
              }
            }

            .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
              color: @primary-color;
              font-size: @font-size-lg;
              vertical-align: -0.175em;
              margin: 0;
              background-color: transparent;
            }

            .main {
              height: 100%;
              overflow-x: hidden;
              overflow-y: auto;
              text-align: left;

              :deep(.customform_subtable_bpm_auth) {
                display: none;
              }

              .ant-collapse-content-box {
                padding: 8px;
              }

              .form-excel-style .ant-input.ant-input-disabled {
                border: 0;
              }

              .bpm-chart {
                height: 100%;

                .ant-spin-nested-loading,
                .ant-spin-container,
                .graph-container.flow-detail {
                  flex: 1;
                }
                // border: 1px solid @border-color-split;
                .error-card .error-card-box {
                  top: 60px;
                }
              }

              .flow-track {
                .flow-list:has(.timeline-box) {
                  padding-top: 12px 12px 0 12px;
                }
              }

              /* 详情页非编辑状态下的表单展示 */
              .ant-form-text {
                display: block;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
            }

            .ant-form-extra {
              position: absolute;
              top: 7px;
              right: 26px;
            }
          }
        }
      }
    }

    /* 子表的btn 样式 */
    :deep(.table-operator) {
      .ant-btn {
        margin: 10px 5px;
        padding: 0 14px;
      }

      .ant-btn:first-of-type {
        margin-left: 0;
      }

      .table-handle-button {
        margin-right: 8px;
        margin-bottom: 10px;
      }
    }
  }

  // 新页签：流程详情页样式
  .flow-detail-box {
    padding: 16px;
  }
  .flow-content-top {
    // padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid @border-color-split;
    & > div {
      width: 100%;
    }
  }
  .flow-chart-box-inner {
    margin-top: 12px;
  }
  .flow-title-inner {
    h4 {
      font-size: 18px;
      font-weight: 600;
      line-height: 32px;
      display: inline-block;
      max-width: 300px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0px;
    }
  }
}

.table-child-box {
  width: 100%;
  height: auto;
  margin-top: 5px;
  padding: 0;
}
// 流程审批页面dialog(弹出页)打开方式 样式
.flow-detail-page.inModal {
  min-height: 100%;
  padding: 0;
  background-color: #ffffff;
  .flow-content-wrapper {
    padding-top: 64px;
    &.flow-content-wrapper-push-down {
      padding-top: 56px;
    }
    .flow-content-top {
      position: absolute;
    }
    .flow-content-body {
      // overflow-y: auto;
      padding: 0 16px;
      .bpm-pic-tab {
        padding: 0px;
      }
    }
  }
}
// 流程审批页面tab(新页签)打开方式 样式
.flow-detail-page.inTab {
  padding-top: 0;
  background-color: #f0f2f5;
  .flow-detail-content-spin {
    height: 100%;
    > .ant-spin-container {
      height: 100%;
    }
  }
  .flow-content-wrapper {
    height: 100%;
    padding-top: 98px;
    .flow-content-top {
      position: absolute;
    }
    .flow-content-body {
      height: 100%;
      overflow-y: auto;
    }
  }
}

// 弹窗：流程详情页样式
.ant-modal-body {
  .flow-detail-body {
    .flow-title-inner {
      display: none;
    }
    .flow-title-button {
      margin-left: auto;
    }
  }
}
// 简单模式打开流程详情页面样式
.flow-simple-model {
  .flow-content-top {
    padding: 12px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    & > div {
      width: auto;
    }
  }
  .flow-title-button {
    width: auto;
  }
}
